<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="SHORTCUT ICON" href="../favicon.ico"/>
<title>GlobaTrek - Communications Manager</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="../js/jquery.dataTables.js"></script>
<script type="text/javascript" src="../js/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="../js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="../js/jquery.expander.js"></script>
<script type="text/javascript" src="../js/slider.js"></script>


<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../css/table.css" rel="stylesheet" type="text/css">
<link href="../css/validationEngine.jquery.css" rel="stylesheet" type="text/css">

<script type="text/javascript" charset="utf-8">
			//global scripts
			$(document).ready(function() {
				$('#contactlist').dataTable(); //tablesorting
				$("#formID").validationEngine(); //form validation
				$('div.expandable p').expander({
				    slicePoint:       40,  // default is 100
				    expandText:         '[More]', // default is 'read more...'
				    collapseTimer:    5000, // re-collapses after 5 seconds; default is 0, so no re-collapsing
				    userCollapseText: '[Less]'  // default is '[collapse expanded text]'
				  });
				
				$('#showhidetarget').hide();
	            $('a#showhidetrigger').click(function () {
	                $('#showhidetarget').toggle(400);
	            });
			} );
			
	            /**
	             *
	             * @param {jqObject} the field where the validation applies
	             * @param {Array[String]} validation rules for this field
	             * @param {int} rule index
	             * @param {Map} form options
	             * @return an error string if validation failed
	             */
	            function checkHELLO(field, rules, i, options){
	                if (field.val() != "HELLO") {
	                    // this allows to use i18 for the error msgs
	                    return options.allrules.validate2fields.alertText;
	                }
	            }
	                
</script>
</head>

<body class="clearfix">
<div id="container">
	<div id="header">
   		    <!-- Top Header Content -->
    <div class="background"></div>
    <div class="boundary">
    	<div id="inner_header_wrapper">
        	<jsp:include page="include-navigation.jsp"/>
			
            <fieldset class="actions">

            <table id="header_actions">
            	<tbody>
            	<tr>
                	<td width="8%">
                    	<a href="contacts-add.do"><button class="addcontactbutton" title="Add Contact"></button></a>
                    </td>
                    <td width="8%">
                    	<a href="products-add.do"><button class="newproductbutton" title="New Product"></button></a>
                    </td>
                    
                    <td width="85%" class="long">
                    	<div id="search_wrapper">
                            	<div class="search_results">
                                	<div class="field" style="position:relative;">
                                    	
                                           <input id="search_input" class="live_search autofocus overlayable" type="text" data-focus-priority="0" autocapitalize="off" autocorrect="off" autocomplete="off" source="search.json" title="Jump to a contact, case, deal, or tag..." name="term" decorated="decorated" placeholder="Fast track to a contact, product, network, or tag...">
				
                                    </div>
                                </div>
                        	</div>
                    </td>
                </tr>
                </tbody>
            </table>
            </fieldset>

    		<div id="nav_links_container">
           	  <div class="menu_container">
                	<a class="name menu_target" href="user-view-profile.do">Profile &amp; Settings</a>
                    <a class="name menu_target" href="#">Sign out</a>
                    <a class="name menu_target" href="#">Help</a>
                </div>
            </div>
         </div>
    </div>
</div>

<!-- start of wrapper, closes in footer -->
<div id="wrapper">
	<div id="inner_wrapper">
		<div id="main_body">